<!DOCTYPE html>
<html lang="zh">

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<meta http-equiv="X-UA-Compatible" content="ie=edge">
		<meta name="keywords" content="" />
		<meta name="Description" content="" />
		<link href="https://cdn.bootcdn.net/ajax/libs/animate.css/4.1.1/animate.min.css" rel="stylesheet">
		<title>首页</title>
	</head>

	<body>
		<div class="web">
			<!-- 导航栏 -->
			<header>
				<nav>
					<i class="iconfont icon-weibo"></i>
					<div class="navLeft wow animate__rubberBand">
						<a href="index.html">
							<img src="../img/sugarLogo.png">
						</a>
					</div>
					<div class="navRight">
						<div class="box">
							<div class="line1"></div>
							<div class="line2"></div>
							<a href="index.html">首页</a>
							<a href="index.html">home</a>
						</div>
						<div class="box">
							<div class="line1"></div>
							<div class="line2"></div>
							<a href="game.html">游戏</a>
							<a href="game.html">game</a>
						</div>
						<div class="box">
							<div class="line1"></div>
							<div class="line2"></div>
							<a href="case.html">案例</a>
							<a href="case.html">Case</a>
						</div>
						<div class="box">
							<div class="line1"></div>
							<div class="line2"></div>
							<a href="personal.html">关于我们</a>
							<a href="personal.html">About us</a>
						</div>
					</div>
				</nav>
			</header>

			<!-- 内容 -->
			<main>
				<section class="introduce">
					<div class="left  wow animate__fadeInLeft">
						<div class="circleGame">
							<img src="../img/homeNav1.png">
						</div>
						<div class="circleGame">
							<img src="../img/homeNav2.png">
						</div>
						<div class="circleGame">
							<img src="../img/homeNav3.png">
						</div>
						<div class="circleGame">
							<img src="../img/homeNav4.png">
						</div>
					</div>
					<div class="hand wow animate__fadeInLeft">
						<img src="../img/homeHand.png">
						<button type="button">试玩游戏</button>
						<p>全方位无死角展示游<br />戏各个细节</p>
					</div>
					<div class="center wow animate__bounceIn">
						<img src="../img/homePhone.png" alt="">
					</div>
					<div class="content wow animate__fadeInRight">
						<h2>我们能给</h2>
						<h3>客户带来的利益</h3>
						<span>每一个细节的处理</span>
						<p>都体现出我们对时尚的不懈追求</p>
						<button type="button">了解更多</button>
					</div>
					<div class="right wow animate__fadeInRight">
						<div class="circleGame">
							<img src="../img/homeNav5.png">
						</div>
						<div class="circleGame">
							<img src="../img/homeNav6.png">
						</div>
						<div class="circleGame">
							<img src="../img/homeNav7.png">
						</div>
						<div class="circleGame">
							<img src="../img/homeNav8.png">
						</div>
					</div>
				</section>
				<section class="step wow animate__fadeInLeft">
					<div class="imgLeft1">
						<img src="../img/homeMushroom.png">
					</div>
					<div class="imgRight1">
						<img src="../img/handle.png">
					</div>
					<div class="step1">
						<div class="imgBox">
							<img src="../img/homeStep.png">
						</div>
						<h2>STEP ONE</h2>
						<h3>选择一个游戏，换图</h3>
					</div>
					<div class="stepArrow1">
						<img src="../img/homeArrowL.png">
					</div>
					<div class="step2">
						<div class="imgBox">
							<img src="../img/homeStep2.png">
						</div>
						<h2>THE SECOND STEP</h2>
						<h3>选择一个游戏，换图</h3>
					</div>
					<div class="stepArrow2">
						<img src="../img/homeArrowL.png">
					</div>
					<div class="step3">
						<div class="imgBox">
							<img src="../img/homeStep3.png">
						</div>
						<h2>THE THIRD STEP</h2>
						<h3>选择一个游戏，换图</h3>
					</div>
				</section>
				<section class="game">
					<div class="turnGame">
						<div class="title">
							<div class="leftT">
								<h2>狂转游戏</h2>
								<h3>Turn mad game</h3>
							</div>
							<div class="rightT">
								<p>潮流趣味游戏，引发全民G点，疯狂转发。</p>
								<p>还不马上购买，植入你要传播的产品？</p>
							</div>
						</div>
						<div class="item">
							<div class="itemC wow animate__bounceInLeft">
								<div class="gTitle">
									<div class="gl">
										<h1>剑圣传奇</h1>
										<h2>2014-07-09</h2>
										<h3>使用次数:20</h3>
										<div class="line"></div>
									</div>
									<div class="gr">
										<button type="button">购买</button>
										<i class="iconfont icon-kongwujiaoxing"></i>
									</div>
								</div>
								<a href="">
									<img src="../img/homeTurn1.png">
								</a>
							</div>
							<div class="itemC wow animate__bounceInDown">
								<div class="gTitle">
									<div class="gl">
										<h1>PLAGUE LNC</h1>
										<h2>2014-07-09</h2>
										<h3>使用次数:20</h3>
										<div class="line"></div>
									</div>
									<div class="gr">
										<button type="button">购买</button>
										<i class="iconfont icon-kongwujiaoxing"></i>
									</div>
								</div>
								<a href="">
									<img src="../img/homeTurn2.png">
								</a>
							</div>
							<div class="itemC wow animate__bounceInRight">
								<div class="gTitle">
									<div class="gl">
										<h1>地狱边境</h1>
										<h2>2014-07-09</h2>
										<h3>使用次数:20</h3>
										<div class="line"></div>
									</div>
									<div class="gr">
										<button type="button">购买</button>
										<i class="iconfont icon-kongwujiaoxing"></i>
									</div>
								</div>
								<a href="">
									<img src="../img/homeTurn3.png">
								</a>
							</div>
						</div>
						<div class="left2 wow animate__slideInLeft">
							<img src="../img/homeArrow.png">
						</div>
						<div class="right2 wow animate__rotateInUpLeft">
							<img src="../img/Pacman.png">
						</div>
					</div>
					<div class="lotteryGame">
						<div class="title">
							<div class="leftT">
								<h2>抽奖游戏</h2>
								<h3>Lottery game</h3>
							</div>
							<div class="rightT">
								<p>形式各样抽奖游戏，引发全民尖叫，惊喜不断。</p>
								<p>还不马上购买，植入你要传播的产品？</p>
							</div>
						</div>
						<div class="item">
							<div class="itemC wow animate__bounceInLeft">
								<div class="gTitle">
									<div class="gl">
										<h1>功夫西游</h1>
										<h2>2014-07-09</h2>
										<h3>使用次数:20</h3>
										<div class="line"></div>
									</div>
									<div class="gr">
										<button type="button">购买</button>
										<i class="iconfont icon-kongwujiaoxing"></i>
									</div>
								</div>
								<a href="">
									<img src="../img/homeLottery1.png">
								</a>
							</div>
							<div class="itemC wow animate__bounceInUp">
								<div class="gTitle">
									<div class="gl">
										<h1>宝石迷阵</h1>
										<h2>2014-07-09</h2>
										<h3>使用次数:20</h3>
										<div class="line"></div>
									</div>
									<div class="gr">
										<button type="button">购买</button>
										<i class="iconfont icon-kongwujiaoxing"></i>
									</div>
								</div>
								<a href="inner.html">
									<img src="../img/homeLottery2.png">
								</a>
							</div>
							<div class="itemC wow animate__bounceInRight">
								<div class="gTitle">
									<div class="gl">
										<h1>植物大战僵尸</h1>
										<h2>2014-07-09</h2>
										<h3>使用次数:20</h3>
										<div class="line"></div>
									</div>
									<div class="gr">
										<button type="button">购买</button>
										<i class="iconfont icon-kongwujiaoxing"></i>
									</div>
								</div>
								<a href="">
									<img src="../img/homeTurn3.png">
								</a>
							</div>
						</div>
						<div class="left3 wow animate__fadeOutDown">
							<img src="../img/homeGhost.png">
						</div>
					</div>
				</section>
				<section class="case">
					<div class="title">
						<div class="leftT">
							<h2>经典案例分享</h2>
							<h3>Lottery game</h3>
						</div>
						<div class="rightT">
							<p>大家对胖糖的信赖，</p>
							<p>来源于其产品与需求巧妙结合的经典营销效果。</p>
						</div>
					</div>
					<div class="caseC">
						<div class="caseBox wow animate__fadeInLeft">
							<div class="cL">
								<img src="../img/homeCase.png">
							</div>
							<div class="cC">
								<h1>南方航空</h1>
								<h2>飞行挑战赛</h2>
								<h2>2014年5月14日--5月27日</h2>
								<h2>扫码关注微信参加飞行挑战赛并抽奖</h2>
								<h2>即有机会赢取丰厚奖品</h2>
							</div>
							<div class="cR">
								<div class="mask">
									<i class="iconfont icon-tianjia_huaban"></i>
								</div>
								<img src="../img/homeAircraft.png" >
							</div>
						</div>
						<div class="caseBox wow animate__fadeInRight">
							<div class="cL">
								<img src="../img/homeCase.png">
							</div>
							<div class="cC">
								<h1>南方航空</h1>
								<h2>飞行挑战赛</h2>
								<h2>2014年5月14日--5月27日</h2>
								<h2>扫码关注微信参加飞行挑战赛并抽奖</h2>
								<h2>即有机会赢取丰厚奖品</h2>
							</div>
							<div class="cR">
								<div class="mask">
									<i class="iconfont icon-tianjia_huaban"></i>
								</div>
								<img src="../img/homeAircraft.png" >
							</div>
						</div>
						<div class="caseBox wow animate__fadeInLeft">
							<div class="cL">
								<img src="../img/homeCase.png">
							</div>
							<div class="cC">
								<h1>南方航空</h1>
								<h2>飞行挑战赛</h2>
								<h2>2014年5月14日--5月27日</h2>
								<h2>扫码关注微信参加飞行挑战赛并抽奖</h2>
								<h2>即有机会赢取丰厚奖品</h2>
							</div>
							<div class="cR">
								<div class="mask">
									<i class="iconfont icon-tianjia_huaban"></i>
								</div>
								<img src="../img/homeAircraft.png" >
							</div>
						</div>
						<div class="caseBox wow animate__fadeInRight">
							<div class="cL">
								<img src="../img/homeCase.png">
							</div>
							<div class="cC">
								<h1>南方航空</h1>
								<h2>飞行挑战赛</h2>
								<h2>2014年5月14日--5月27日</h2>
								<h2>扫码关注微信参加飞行挑战赛并抽奖</h2>
								<h2>即有机会赢取丰厚奖品</h2>
							</div>
							<div class="cR">
								<div class="mask">
									<i class="iconfont icon-tianjia_huaban"></i>
								</div>
								<img src="../img/homeAircraft.png" >
							</div>
						</div>
					</div>
					<div class="right3 wow animate__lightSpeedInRight">
						<img src="../img/homeCamera.png" >
					</div>
				</section>
			</main>
			<footer>
				<p>COPYRIGHT © 2014 PANGTANG. ALL RIGHTS RESERVED. 版权所有</p>
			</footer>
		</div>
	</body>

	<script src="https://cdn.bootcdn.net/ajax/libs/wow/1.1.2/wow.min.js"></script>
	<script type="text/javascript" src="http://www.jeendo.com/script/wow/wow.min2.js"></script>

</html>
